.login {
    height: 100%;
    width: 100%;
  }
  .back {
    height: 100%;
    width: 100%;
    background: url(../../assets/images/位图@2x.png) no-repeat;
    background-size: 100%;
    display: flex;
    align-items: center;
    
  
    .login_back {
      width: 800px;
      height: 300px;
      background-color: rgba(212, 193, 193, 0.2);
      border-radius: 15px;
      margin: 0 auto;
      display: flex;
      .left {
        flex: 0 0 460px;
        ul {
          height: 100%;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          padding-left: 30px;
          li:nth-child(1) {
            font-size: 33px;
            
            padding-top: 40px;
            color: #2e77d2;
          }
          li:nth-child(2) {
            font-size: 23px;
            padding-bottom: 40px;
            color: #a1a0aa;
            div:nth-child(2) {
              color: #656c74;
              padding-top: 10px;
              font-size: 18px;
            }
          }
        }
      }
      .right {
        flex: 1;
        background-color: #ffffff;
        display: flex;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
        flex-direction: column;
  
        .right-top {
          flex: 0 0 60px;
          // border: 1px solid red;
          ul {
            li {
              float: right;
              line-height: 60px;
              padding-right: 40px;
              i {
                color: #bebfc2;
                font-size: 16px;
                font-style: italic;
                padding-right: 6px;
              }
              a {
                color: #2c7fb7;
                font-size: 23px;
                text-decoration: underline;
                &:hover {
                  cursor: pointer;
                }
              }
            }
          }
        }
        .right-bottom {
          flex: 1;
          // border: 1px solid red;   
         
        
        
        }
      }
    }
  }